<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
    <title>Energy a Industrial Category Flat Bootstarp Responsive Website Template | Home :: w3layouts</title>
    <link href="${CTPATH}/css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- jQuery (necessary JavaScript plugins) -->
    <script src="${CTPATH}/js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <link href="${CTPATH}/css/style.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Energy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href='http://fonts.googleapis.com/css?family=Montserrat|Raleway:400,200,300,500,600,700,800,900,100'
          rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Iceland' rel='stylesheet' type='text/css'>
    <!--/animated-css-->
    <script type="text/javascript" src="${CTPATH}/js/move-top.js"></script>
    <script type="text/javascript" src="${CTPATH}/js/easing.js"></script>
    <!--/script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!--script-->

</head>
<body>
<!-- banner -->
<div class="banner">
    <div class="container">
        <div class="header">
            <div class="col-md-4 head-logo">
                <h1><a href="index.html"><img src="${CTPATH}/images/engry.png" alt=""/>JUNNAITE</a></h1>
            </div>
            <div class="col-md-4 search">
                <form>
                    <input type="text" value="" placeholder="Search...">
                    <input type="submit" value="">
                </form>
            </div>
            <div class="col-md-4 social">
                <ul>
                    <li><a href="#"><i class="english"></i>
                        <div style="color: #FFFFFF;float: right;line-height: 31px">English</div>
                    </a></li>
                    <!--<li><a href="#"><i class="english"></i></a></li>-->
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="top-menu">
            <span class="menu"><img src="${CTPATH}/images/nav-icon.png"></span>
            <ul>
                <@jp.menus>
                <#list menus as menu>
                    <li >
                        <a  href="${menu.url!}">
                            ${menu.title!}
                            <#if menu.isActive() >
                                <span class="x-a-border"></span>
                            </#if>
                        </a>
                    </li>
                </#list>
            </@jp.menus>
                <!--<li class="active"><a href="#">首页</a></li>-->
                <!--<li><a href="${CPATH}/about">关于我们</a></li>-->
                <!--<li><a class="scroll" href="#services">产品中心</a></li>-->
                <!--<li><a href="projects.html">经典应用</a></li>-->
                <!--<li><a href="${CPATH}/news">新闻中心</a></li>-->
                <!--<li><a href="${CPATH}/contact">联系我们</a></li>-->
                <div class="clearfix"></div>
            </ul>
            <!-- script-for-menu -->
            <script>
                $("span.menu").click(function () {
                    $(".top-menu ul").slideToggle("slow", function () {
                    });
                });
            </script>
            
            <!-- script-for-menu -->

        </div>
    </div>
    <!-- //container -->
    <div class="container">
        <script src="${CTPATH}/js/responsiveslides.min.js"></script>
        <script>
            // You can also use "$(window).load(function() {"
            $(function () {
                // Slideshow 4
                $("#slider3,#slider2").responsiveSlides({
                    auto: true,
                    pager: true,
                    nav: false,
                    speed: 500,
                    namespace: "callbacks",
                    before: function () {
                        $('.events').append("<li>before event fired.</li>");
                    },
                    after: function () {
                        $('.events').append("<li>after event fired.</li>");
                    }
                });

            });
        </script>
        <div id="top" class="callbacks_container">
            <ul class="rslides" id="slider3">
                <li>
                    <div class="banner-info">
                        <h3>勇于创新，成就未来</h3>
                        <p>国内生产能力最大的专业气动水泵制造商</p>
                    </div>
                </li>
                <li>
                    <div class="banner-info">
                        <h3>行业先行，气动先锋</h3>
                        <p>国内研发能力最强的专业气动水泵制造商</p>
                    </div>
                </li>
                <li>
                    <div class="banner-info">
                        <h3>常州窦氏气动机械有限公司</h3>
                        <p>Changzhou sinus Pneumatic Machinery Co., Ltd.</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="about" id="about">
    <div class="container">
        <div class="about-head">
            <a href="#"><h3>飓耐特</h3></a>
            <span></span>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;常州窦氏气动机械有限公司是由从事气动水泵设计生产三十余年的高级工程师套报国(原耀炭
                部行业标准MTT315-92的主要起草人，先后获得近二十项气动水预专利发明人)，于2011年10月
                重新组建的新一代有特色的研发型制造企业。专业从事气动排水机具的设计、研发、生产销售。
                高起点、高投入高品质是常州窦氏气动机械有限公司的技术发展战略。<a href="#">详情</a>
            </p>
        </div>
        <div class="about-grids">
            <div class="col-md-4 bottom-grid text-center">
                <div class="btm-info">
                    <div class="icon">
                        <img src="${CTPATH}/images/ic1.png" alt="">
                    </div>
                    <h4>研发能力</h4>
                    <p>研发即研究开发、研究与开发、研究发展，是指各种研究机构、企业为获得科学技术新知识，创造性运用科学技术新知识，或实质性改进技术、产品和服务。</p>
                </div>
            </div>
            <div class="col-md-4 bottom-grid text-center">
                <div class="btm-info">
                    <div class="icon">
                        <img src="${CTPATH}/images/ic2.png" alt="">
                    </div>
                    <h4>制造能力</h4>
                    <p>把原材料加工成适用的产品制作，或将原材料加工成器物，投入使用。</p>
                </div>
            </div>
            <div class="col-md-4 bottom-grid text-center">
                <div class="btm-info">
                    <div class="icon">
                        <img src="${CTPATH}/images/ic3.png" alt="">
                    </div>
                    <h4>检测能力</h4>
                    <p>用指定的方法检验测试某种物体（气体、液体、固体）指定的技术性能指标。适用于各种行业范畴的质量评定，如：土木建筑工程、水利、食品、化学、环境、机械、机器等等。</p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<@jp.indexPage module="product"  pagesize="8"  hasThumbnail="true">
<div class="project-sec">
    <div class="container">
        <a href="#"><h2>产品</h2></a>
        <span> </span>
        <div class="works">
            <#list page.getList() as content>
                <div class="prjt-grid">
                    <div class="box maxheight"><a href="${content.url!}" class="gal">
                        <span></span><img src="${content.thumbnail!}" alt="" style="width: 120px;height: 120px"></a>
                        <div class="text1" style="height: 200px;width: 200px">
                            <a href="${content.url}">${content.title}</a>
                            <p>${content.summary}</p>
                        </div>
                    </div>
                </div>
            </#list>
        </div>
    </div>
</div>
</@jp.indexPage>

<div class="copywrite">
    <div class="container">
        <p>Copyright © 2015 Energy All rights reserved | Design by <a href="http://w3layouts.com" target="_blank">W3layouts</a>
        </p>
    </div>
</div>
<!-- about -->

<!-- services -->
<!--slider-->
<!---->
<!----- news-letter ----->
<!---->


<!---->
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
        containerID: 'toTop', // fading element id
        containerHoverID: 'toTopHover', // fading element hover id
        scrollSpeed: 1200,
        easingType: 'linear'
        };
        */
        $().UItoTop({easingType: 'easeOutQuart'});
    });
</script>
<!--<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>-->
<!---->

</body>
</html>